	*{
			padding: 0;
			margin: 0;
			font-family: "Microsoft YaHei";
		}
		.box{
			width: 60%;
			height: 400px;
			margin: 0 auto;
			position: relative;
			cursor: pointer;
		}
		.title{
			text-align: center;
			margin: 20px auto;
			font-size: 20px;
			font-weight: bold;
		}
		.banner-box{
			width: 100%;
			height: 300px;
			border: solid 4px #bbb;
			overflow:hidden;
		}
		.solid{
			display: none;
		}
		.solid img{
			height: 300px;
			width: 100%;
		}
		.solid-active{
			display: block;
		}
		.prev-btn{
			width: 30px;
			height: 60px;
			position: absolute;
			top: 50%;
			left: 0;
			margin-top: -30px;
		}
		.prev-btn:hover{
			background-color: #bbb;
		}
		.prev-btn img{
			position: absolute;
			top: 50%;
			left: 50%;
			margin-left: -8px;
			margin-top: -15px;
		}
		.next-btn{
			width: 30px;
			height: 60px;
			position: absolute;
			top: 50%;
			right: 0;
			margin-top: -30px;
		}
		.next-btn:hover{
			background-color: #bbb;
		}
		.next-btn img{
			position: absolute;
			top: 50%;
			left: 50%;
			margin-left: -8px;
			margin-top: -15px;
		}
		.circle-btn-box{
			position: absolute;
			left: 86%;
			top: 80%;
		}
		.circle-btn{
			width: 10px;
			height: 10px;
			border: 1px solid #bbb;
			border-radius: 5px;
			float: left;
			margin: 3px;
			background-color: #bbb;
		}
		.circle-btn-active{
			background-color: #fff;
		}